<ion-view view-title="{{language == 0?'四方当代美术馆':'Sifang Art Museum'}}" ng-init="getVipDetail()">
  <ion-content class="normal_box bg" overflow-scroll="false">
    <div class="top_header">
      <span class="header_left" ng-click="backhome()">
        <img src="img/backhome.png" class="backhome" />
      </span>
      <i class="iconfont icon-Path5 top_icon2" ng-click="gotoCenter()"></i>
      <!-- <i class="iconfont icon-Path11 top_icon3" ng-click="gotoShop()"></i> -->
    </div>

    <div class="normal_box">
      <!-- header -->
      <div class="cp_header">
        <div class="cp_header1">
          <div class="cp_header_main">
            <p class="cp_header_line1">{{language == 0?'你好':'Hi'}}<span class="cp_name">{{user2.nickname}}</span></p>
            <p class="cp_header_line1">{{language == 0?'请核对以下信息并支付':'Please confirm the information below before you pay'}}</p>
          </div>
          <img src="img/check1.png" class="check_img" />
        </div>
      </div>
    </div>

    <div class="normal_box pd16">
      <div class="order_pay_line">
        <span class="order_pay_span" ng-class="{'f12_i':language == 1}">{{language == 0?'会员卡类型':'Vip type'}}</span>
        <div class="order_pay_main">{{language == 0?vipdetail.title:vipdetail.title_en}}</div>
      </div>

      <div class="order_pay_line">
        <span class="order_pay_span" ng-class="{'f12_i':language == 1}">{{language == 0?'支付金额':'Price'}}</span>
        <div class="order_pay_main">￥ {{vipdetail.price}}</div>
      </div>

      <div class="order_pay_line">
        <span class="order_pay_span" ng-class="{'f12_i':language == 1}">{{language == 0?'支付方式':'Payment Method'}}</span>
        <div class="order_pay_main">{{language == 0?'微信支付':'WeChat Pay'}}</div>
      </div>

      <p class="vip_table_title">请填写会员信息</p>
      <form name="form1">
      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 1}" ng-if="type == 1||type == 2||type == 3">
        <input class="fix_input" placeholder="{{language == 0?'姓名':'Name'}}" ng-focus="choen(1)" ng-model="user.name" required ng-change="check_vipname()" />
        <span class="vip_mark mark1" ng-if="name_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 10}" ng-if="type == 1||type == 2||type == 3">
        <select class="fix_input select_fix fix1" style="color:#9B9B9B;font-size:16px;" ng-focus="choen(10)" ng-model="user.gender" required ng-change="check_vipgender()">
          <option value="">{{language == 0?'选择性别':'Sex'}}</option>
          <option value="女">女</option>
          <option value="男">男</option>
        </select>
        <span class="vip_mark mark1" ng-if="gender_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 2}" ng-if="type == 1||type == 2||type == 3">
        <input class="fix_input" placeholder="{{language == 0?'电话':'Phone'}}" ng-focus="choen(2)" ng-model="user.phone" required ng-change="check_vipphone()"/>
        <span class="vip_mark mark1" ng-if="phone_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 3}" ng-if="type == 1||type == 2||type == 3">
        <input class="fix_input" placeholder="{{language == 0?'邮箱':'Email'}}" ng-focus="choen(3)" ng-model="user.email" required ng-change="check_vipemail()"/>
        <span class="vip_mark mark1" ng-if="email_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 4}" ng-if="type == 1||type == 2||type == 3">
        <input class="fix_input" placeholder="{{language == 0?'身份证':'idcard'}}" ng-focus="choen(4)" ng-model="user.idcard" required ng-change="check_vipidcard()"/>
        <span class="vip_mark mark1" ng-if="idcard_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 5}" ng-if="type == 1">
        <input class="fix_input" placeholder="{{language == 0?'学生证':'Studentcard'}}" ng-click="choen(5)" ng-model="user.studentcard" required ng-change="check_vipstudentcard()"/>
        <span class="vip_mark mark1" ng-if="studentcard_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 6}" ng-if="type == 1">
        <input class="fix_input" placeholder="{{language == 0?'学校+专业':'School'}}" ng-click="choen(6)" ng-model="user.school" required ng-change="check_vipschool()"/>
        <span class="vip_mark mark1" ng-if="school_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 7}" ng-if="type == 2">
        <input class="fix_input" placeholder="{{language == 0?'受教育程度':'Education'}}" ng-focus="choen(7)" ng-model="user.edu" required ng-change="check_vipedu()"/>
        <span class="vip_mark mark1" ng-if="edu_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 8}" ng-if="type == 2||type == 3">
        <select class="fix_input select_fix fix2" style="color:#9B9B9B;font-size:16px;" ng-focus="choen(8)" ng-model="user.job" required ng-change="check_vipjob()">
          <option value="">{{language == 0?'所在行业':'Job'}}</option>
          <option value="研究类">研究类 (教师、工程师等)</option>
          <option value="艺术类">艺术类 (演员、广告制作人等)</option>
          <option value="社交类">社交类 (教师、公关人员)</option>
          <option value="经营类">经营类 (营销管理人员、律师等)</option>
          <option value="事务类">事务类 (办公室人员、会记)</option>
          <option value="技能类">技能类 (厨师、技工等)</option>
        </select>
        <span class="vip_mark mark1" ng-if="job_mark == 1">*未正确填写</span>
      </div>

      <div class="fix_pro pos_re pr70" ng-class="{'input_chosen':inputc == 9}" ng-if="type == 3">
        <input class="fix_input" placeholder="{{language == 0?'家庭成员数':'Family Num'}}" ng-focus="choen(9)" ng-model="user.family_num" required ng-change="check_vipfamily()"/>
        <span class="vip_mark mark1" ng-if="family_mark == 1">*未正确填写</span>
      </div>
      </form>

      <p class="ticket_span1 mt15 color_9B f15">{{language == 0?'关注活动类型':'Focus'}}</p>

      <div class="normal_box mt15">
        <div class="w33 ticket_type1" ng-repeat="(key,list) in focuslists">
          <span class="ticket_pre" ng-click="choose_ticket(key,list)" ng-class="{'ticket_chosen1':list.is_chosen == 1,'fl':(key+1)%3==1,'m0_auto':(key+1)%3==2,'fr':(key+1)%3==0,'f10_i':language==1}">{{list.title}}</span>
        </div>
      </div>

      <div class="w100 pd0_2 mt10">
        <button class="ticket_buy1 tac" ng-disabled="!form1.$valid||email_mark == 1;" ng-click="gopay()">{{language == 0?'立即支付':'Pay Now'}}<span></span></button>
      </div>

    </div>

  </ion-content>
</ion-view>